<nz-layout>
    <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzBreakpoint]="'lg'" [nzCollapsedWidth]="0" [nzZeroTrigger]="zeroTrigger" style="height:100vh;position: fixed;z-index: 100;top: 0px;">
        <div style="display: flex;padding: 20px;border-bottom: 1px solid #666;">
            <div><img [src]="memberImgUrl + image" alt="" style="width:50px;border-radius: 4px;max-height: 50px;"></div>
            <div style="font-size:12px;margin-left: 10px;">
                <p style="color: #b8bfce;font-size: 13px;">{{name}}</p>
                <p style="color:#818896">{{username}}</p>

            </div>
        </div>
        <ul nz-menu [nzMode]="'inline'" nzTheme="dark">
            <li nz-submenu [(nzOpen)]="openMap.sub1">
                <span title><i nz-icon type="setting"></i>个人中心</span>
                <ul>
                    <li nz-menu-item *ngFor="let item of commonRoutingList"><a [routerLink]="item.routing">{{item.name}}</a></li>
                </ul>
            </li>
            <li nz-submenu *ngFor="let item of routingList" [(nzOpen)]="openMap.sub2">
                <span title><i nz-icon type="team"></i>{{item.memberManagement}}</span>
                <ul>
                    <li nz-menu-group>
                        <ul>
                            <li nz-menu-item *ngFor="let items of item.sublist">
                                <a [routerLink]="items.routing">
                  {{items.name}}
                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li nz-menu-item nz-tooltip nzPlacement="right">
                <a routerLink="upload">
                    <span title>
            <i nz-icon type="upload"></i>
            <span>上传作品</span>
                    </span>
                </a>
            </li>
            <li nz-menu-item nz-tooltip nzPlacement="right">
                <a routerLink="resource">
                    <span title>
            <i nz-icon nzType="share-alt" nzTheme="outline"></i>
            <span>分享资源</span>
                    </span>
                </a>
            </li>
        </ul>
    </nz-sider>
    <nz-layout class="layout">
        <nz-header style="background: #fff; padding:0;display: flex;justify-content: space-between;">
            <div>
                <img src="assets/TIDC-LOGO.png" alt="logo" class="logo">
                <span class="logotitle">科创后台</span>
            </div>
            <button nz-button nzType="primary" nzGhost class="outLogin" (click)="outLogin()">退出登录</button>
        </nz-header>
        <nz-content style="margin:24px 16px 0;background:#fff;padding-bottom: 24px;">
            <div style="padding:24px; background: #fff;">
                <router-outlet></router-outlet>
            </div>
        </nz-content>
        <nz-footer style="text-align: center;">科创工作室 ©2019</nz-footer>
    </nz-layout>
</nz-layout>
<ng-template #zeroTrigger>
    <i nz-icon type="menu-fold" theme="outline"></i>
</ng-template>